/**
 * SPDX-FileCopyrightText: 2023-2025 Sangfor Technologies Inc.
 * SPDX-License-Identifier: Mulan PSL v2
 */
/* = 1280 */
@media screen and (max-width: 1700px){
    html{
        /* overflow-x: hidden; */
    }

    /*风险汇总页*/
    .safety-business-list .safety-business-content .safety-business_group .group-item__content .group-name {
        width: 100px !important;
    }
    .business-search-content .business-overview-search__input {
        width: 130px !important;
    }
    .session .tab-toolbar {
        right: 148px !important;
    }
    .safety-business-list .safety-business-content .safety-business_group {
        flex: 0 0 200px !important;
    }
    .business_overview {
        width: calc(100% - 200px) !important;
    }
    .business-search__line {
        display: none !important;
    }
    .business-search-content .sfv-checkbox {
        margin-right: 5px
    }

}

@media screen and (max-width: 1600px) {
    /* 左树 */
    .pull-container {
        margin-left: 216px !important;
    }
    .left-nav-wrapper--media {
        flex: 0 0 200px !important;
    }
}

/* < 1280 */
@media (max-width: 1279px){
    html{
        /* overflow:hidden; */
    }
    body{
        width:1280px;
    }

    /* 左树 */
    .pull-container {
        margin-left: 216px !important;
    }
}

/* 处理安全大屏的小屏适配，1500px作为区分点 */

@media screen and (max-width: 1500px) {
    .safety-info-detail .safety-detail-block:nth-child(1) {
        flex: 0 1 auto;
        min-width: 200px;
    }
    .safety-info-detail .safety-detail-block {
        padding: 10px;
        height: 85px;
    }

    .safety-info-business .safety-info-business_body {
        margin-top: 20px
    }
    .safety-info-business {
        height: 360px;
        margin-bottom: 0
    }
    .safety-info-business-trend_item .item-content .item-content-labels-item {
        padding: 2px 4px
    }
    .safety-info {
        padding: 0 5px 10px 5px
    }
    .safety-info-user-case .user-case-item {
        margin: 5px 0
    }
    .safety-info-detail {
        margin: 0
    }
    .safety-info-business-trend_list {
        height: 198px !important
    }
    .safety-info-business-trend_item {
        padding: 0
    }
    .safety-info-business-trend_item .item-content .item-content-mark {
        margin: 0 4px
    }
    .safety-info-business-trend_item .item-content .no-attack {
        top: 20px
    }
    .safety-info-detail .safety-detail-list .safety-detail-group {
        margin: 6px auto
    }
}

@media (min-width: 1280px) and (max-width: 1500px) {
    .safety-info-detail .safety-detail-level {
        font-size: 18px;
    }
    .safety-info-user-case .user-case-item_detail--num {
        font-size: 30px;
        height: 47px;
        line-height: 47px
    }
    .safety-info-user-case .user-case-item_detail--unit {
        display: inline-block;
        line-height: 38px
    }
    .branch-bandwidth-report .select-toolbar {
        width: 160px!important
    }
    .page-cluster-manage-detail {
        padding: 0px 40px;
    }
    .row-body_number {
        max-width: 100px !important;
    }
    .manage-node-server-card-panel .header__title__hover {
        max-width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1366px) {
    .page-cluster-index .gallery_wrap{
        width: 940px !important;
        height: 477px !important;
    }
    .page-cluster-index .panel-right .cluster-desc__content {
        min-height: 80px !important;
        max-height: 80px !important;
    }
    .page-cluster-index .flex-center_right{
        flex: 2 1 3% !important;
    }
}

@media screen and (max-width: 1279px) {
    .safety-info-detail .safety-detail-level {
        font-size: 14px;
    }
    .page-cluster-manage-detail {
        padding: 0px 40px;
    }
    .row-body_number {
        max-width: 100px !important;
    }
    .manage-node-server-card-panel .header__title__hover {
        max-width: 160px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .page-cluster-index {
        height: calc(100vh - 77px) !important;
    }
    .show-expiration-warning .page-cluster-index {
        height: calc(100vh - 107px) !important;
    }
}
